<!-- @format -->
<template>
  <div>
    <input
      type="text"
      v-model="full" />
  </div>
</template>

<script>
  // 1. 问题：当计算属性遇见了v-model
  // (1). 计算属性的简写是有get，return表示得到值，就是获取值
  // (2). 给计算属性赋值的时候，需要set，如果没有set，赋值会报错
  // 2. 解决：用计算属性完整写法：get + set
  // 3. 何时用完整写法：当给计算属性赋值的时候
  export default {
    computed: {
      // 简易写法
      // full() {
      //   return '姬霓太美'
      // },
      // 完整写法 = get + set
      full: {
        // 使用计算属性的时候，自动触发get，get内部必须return 计算结果
        get() {
          // console.log(666)
          return '姬霓太美'
        },
        // 给计算属性赋值的时候，自动触发set，并接收赋予的新值
        set(val) {
          // 姬霓太美6
          console.log(val)
        }
      }
    }
  }
</script>

<style></style>
